﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StroopEffect.aspx.cs" Inherits="cognysClient.StroopEffect" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="css/StroopEffect.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="scripts/StroopEffect.js"></script>
<script src="scripts/FastClick.js"></script>
    
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="divMain" class="divSize">
            <div id="divInformation">
            <div id="logo">
            <h1 class="logo">Stroop <br/> Effect</h1>            
           </div>
                <asp:ScriptManager ID="Script1" runat="server" EnablePageMethods="true">
                </asp:ScriptManager>
                <p id="info">Tryck på knappen vars text stämmer överens med det stora ordets färg. <br /> Om du inte svarar inom 10 sekunder kommer en ny fråga slumpas fram.</p>
                <asp:Button ID="btnStart" runat="server" Text="Börja" OnClientClick="nextQ(this.id); return false;" />
                <asp:Button ID="btnTest" runat="server" Text="Testrunda" OnClientClick="nextQ(this.id); return false;"/>
            </div>
            <div id="divColor" style="display: none">
                <asp:Label ID="lblLevel" CssClass="level" runat="server" Text="Nivå 1"></asp:Label>
                <asp:Label ID="lblQNumber" CssClass="questionNumber" runat="server" Text="Label"></asp:Label>
                <h1 id="cWord"></h1>
                <p id="infoQuestion">Vilken färg har bokstäverna ovan?</p>
                <p id="correct"></p>
            </div>
            <div id="buttons" style="display: none">
                <asp:Button ID="btnA1" runat="server" OnClientClick="next(this.value); return false;"/>
                <asp:Button ID="btnA2" runat="server" OnClientClick="next(this.value); return false;"/>
            </div>
            <div id="divEnd" style="display: none">
                <p id="done">Klart!</p>
                <asp:Label ID="lblTimeResult" CssClass="labels" runat="server" Text="Label"></asp:Label>
                <br />
                <asp:Label ID="lblErrors" CssClass="labels" runat="server" Text="Label"></asp:Label>
                <br />
                <asp:Label ID="lblScore" CssClass="labels" runat="server" Text="Label"></asp:Label>
                <br />
                <asp:Label ID="lblBase" CssClass="labels" runat="server" Text="Label"></asp:Label>
                <asp:Button ID="btnDone" runat="server" Text="Klar" OnClientClick="done(); return false" />
            </div>
        </div>
    </form>
</body>
</html>
